let modules = {
    namespaced: true,

    state: {
        // 当前激活的选项卡
        editableTabsValue:'deskTop',
        // 记录活动的tab
        tabs:[{
            label:'首页',
            name:'deskTop'
        }],
        isCollapse:false
    },
    getters: {

    },
    mutations: {
        // 菜单点击的时候用，点击时更新活动的Tab列表
        ["selectMenu"](state,val){
            // 把当前点击的菜单对象加到Tabs里
            let res=state.tabs.findIndex(item=>item.name===val.name);
            if(res===-1){
                let obj={};
                obj.label=val.label; //标题字段
                obj.name=val.name;//名字字段
                state.tabs.push(obj);
            }
            // 设置当前选中的对象
            state.editableTabsValue=val.name;
            // 打开的tabs存入缓存
            sessionStorage.setItem('tabList',JSON.stringify(state.tabs));
        },
        // 从缓存中获取活动的Tabs
        ["getTabs"](state){
            let tabs=sessionStorage.getItem("tabList");
            if(tabs){
                state.tabs=JSON.parse(tabs);
            }
        },
        // 获取当前激活的tab
        ["setActiveTabs"](state,val){
            state.editableTabsValue=val;
        },
        ["setOpenOrClose"](state){ state.isCollapse = !state.isCollapse; }
    },
    actions: {
            selectMenuAction(context,payload){
                context.commit("selectMenu",payload.item);
            },
            getTabsAction(context,payload){
                context.commit("getTabs",payload);
            },
            setActiveTabsAction(context,payload){
                context.commit("setActiveTabs",payload);
            }


    }
}

export default modules
